<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>roboto字体</title>
    <style>
        @font-face {
            font-family: roboto;
            /* src: url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2'); */
            /* src: url(./fonts/Roboto/Roboto-Thin-15.ttf); */
            src: url(./fonts/Roboto/Roboto-Light-10.ttf);
            /* src: url(./fonts/Roboto/Roboto-Medium-12.ttf); */
            /* src: url(./fonts/Roboto/Roboto-Black-1.ttf); */
            /* src: url(./fonts/Roboto/Roboto-Regular-14.ttf); */
        }

        
        .box {
            background: black;
            color: white;
            font-size: 40px;
            height: 200px;
            
            font-family: roboto;
        }

    </style>
</head>

<body>

    <div class="box">
        The fastest way to build beautiful Electron apps using simple HTML and CSS
    </div>



</body>

</html>